// 1.下包并引入路由
import VueRouter from "vue-router";
import Vue from "vue";
import Home from "@/pages/Home";
import Login from "@/pages/Login";
import News from "@/pages/Home/News"
import Music from "@/pages/Home/Music"
import Game from "@/pages/Home/Game"


// 2.应用路由插件
Vue.use(VueRouter);

// 3.创建路由器对象，并在内部配置模式和路由表
const router = new VueRouter({
    mode:"history",
    routes:[
        {path:"/Home",
        component:Home,
        name:"Home",
        // 二级路由
        children:[
            {
                path:"news",
                component:News,
                name:"News",
            },
            {
                path:"Music",
                component:Music,
                name:"Music", 
            },
            {
                path:"Game",
                component:Game,
                name:"Game", 
            }
        ]
    },
        {path:"/Login",
        component:Login,
        name:"Login",
    },
    ]
});

// 4.暴露router，注入到vue实例
export default router;